Trying to customize slideshow.php plugin

bryanbrazil

I'm trying to get rid of the border that displays when selecting pause/play/next controls when running the slideshow. These border appear in Firefox and IE but not in Google Chrome. I tried everything in css, but nothing seems to work.

Also, I'd like to move the album name, image name and number below the photo. I changed the code in slideshow.php to:

`

var htmlblock = "";

htmlblock += "

" + ThisGallery + ": ";

htmlblock += TitleList[currentImageNum] + " (" + relativeSlot + "/" + totalSlideCount + ")

";

htmlblock += "

" + DescList[currentImageNum] + "

";

opts.addSlide(htmlblock);`

However, it only seems to move the album/image name below the photo after the second photo is displayed. The first two photos continue to display the album/image name above the photo. Any idea why this is?

Thanks!

acrylian

1. To remove the automatic borders Firefox makes add `outline: none;` to the css of the `` tags.
2. That is because the first images are preloaded by JS. But you don't need to hack the file actually, you can use CSS to position everything. You probably have to try a little until it works as expected.

bryanbrazil

OK, thanks!